<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">

/*对象级别的插件开发*/
//$是jQuery的简写符号,$()与jQuery()效果相同

//1.使用JQuery.extend(object),该方法就是将object合并到jquery对象中去(注意extend的用法)
/*(function($){
	$.fn.extend({
		foo:function(para1,para2){alert(1)},
		bar:function(){alert(2)}
	})
})(jQuery)*/
//调用方式
//$("#mybody").foo();
//$("#mybody").bar();

//2.使用命名空间
//(function($){
	//$.fn.foo = function(){alert(1)};
	//$.fn.bar = function(){alert(2)};
//})(jQuery)
//调用方式
//$("#mybody").foo();
//$("#mybody").bar();

//3.暴露插件的默认设置
(function($){
	$.fn.highlight = function(options){
		var opts = $.extend({},$.fn.highlight.defaults,options);
	};
	$.fn.highlight.defaults = {
		background:'red',
		foreground:'yellow'
	};
})(jQuery)

//这个只需要调用一次，且不一定要在ready块中调用   
$.fn.highlight.defaults.foreground = 'blue';
$('#myDiv').highlight();

//4.适当的暴露函数
(function($){
	// plugin definition     
$.fn.hilight = function(options) {     
  // iterate and reformat each matched element     
  return this.each(function() {     
    var $this = $(this);     
   // ...     
    var markup = $this.html();     
    // call our format function     
    markup = $.fn.hilight.format(markup);     
    $this.html(markup);       });     
};     
// define our format function     
$.fn.hilight.format = function(txt) {     
	return '<strong>' + txt + '</strong>';     
};  
})(jQuery)

//暴露$.fn.hilight.format函数
$.fn.hilight.format = {  

// ...  

};  


   














</script>
</head>
<body id="mybody">
<div id="mydiv"></div>
</body>
</html>